<template>
    <div id="app">
        <modal></modal>
        <fieldset>
            reuse组件
            <br>
            <container :visible="show" @on-cancel='show=false' @on-confirm="show=false">
                <template v-slot:title>
                    <h1>reuse的弹窗</h1>
                </template>
                <template v-slot:body>
                    <h3>reuse的主题</h3>
                </template>
            </container>
            <button @click="show=true">点击reuse的按钮</button>
        </fieldset>
    </div>
</template>

<script>
import modal from "./index.vue"
import container from "./container.vue"
    export default {
        data(){
            return {
                show: false
            }
        },
        components:{
            modal,
            container,
        }
    }
</script>